<template>
  <div>
    <Child :msg1="msg1" :msg2="msg2" />
  </div>
</template>
<script setup>
// import { ref, reactive } from "vue";
import { reactive } from "vue";
// import Child from "./Child.vue";
// 创建一个响应式数据
// 写法一 适用于基础类型  ref 还有其他用处，下面章节有介绍
// const msg2 = ref("这是传级子组件的信息2");
// 写法二 适用于复杂类型，如数组、对象
const msg2 = reactive(["这是传级子组件的信息2"])
console.log(msg2)
</script>